.container {
    display: flex;
    align-items: center;
    width: 150px;
    height: 40px;
    border: 1px solid var(--color-border);
    background-color: var(--color-bg);

    .input {
        width: 72px;
        height: 100%;
        border: none;
        outline: none;
        text-align: center;
        color: #424242;
        font-size: 16px;

        &::-webkit-outer-spin-button,
        &::-webkit-inner-spin-button {
            -webkit-appearance: none !important;
        }
    }
}

.container button {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #757575;
    cursor: pointer;
    transition: 0.3s;

    &:hover {
        background-color: var(--color-border);
    }
}
